<!DOCTYPE html>
<html lang="en"><!--英文界面-->
<head>
    <meta charset="UTF-8"><!--中文是否能被解析出来-->
    <title>Title</title>
</head>
<body>
    <h1 align="center" style="color:red;">首页!!</h1>

<!--  下面两行代码：二选一关系，没登陆提示 跳转  登陆过显示 你好-->
<!--  通过name是否有值，判断是否登录-->
    {% if name %}
<!--  如果name有值，说明登陆过，判断为true-->
    <p>
        <a href="/loginout/">你好！{{name}}</a>
    </p>
    {% else %}
<!--  如果name无值，说明没登陆，判断false-->
    <a href="/login/">跳转到登陆页面</a>
    {% endif %}
    <div>
        <form action="/index/" method="get">
            <input type="text" placeholder="请输入搜索内容" name="keywords">
            <input type="submit" value="搜索">
        </form>
    </div>
    <div>
        <form action="/shopping/" method="get"><!--使用from表单，使用GET或者POST发送请求-->
            <input type="submit" value="我的购物车">
        </form>
       <!--<a href="/shopping/">我的购物车</a>-->
    </div>
<!--    <table>-->
<!--        <thead>-->
<!--            <tr>-->
<!--                <th>学生姓名</th>-->
<!--                <th>成绩等级</th>-->
<!--            </tr>-->
<!--        </thead>-->
<!--        <tbody>-->
<!--            <tr>-->
<!--                <td>{{stuname}}</td>-->
<!--                {% if grade >= 90 %}-->
<!--                <td>A</td>-->
<!--                {% elif grade >= 80 %}-->
<!--                <td>B</td>-->
<!--                {% elif grade >= 70 %}-->
<!--                <td>C</td>-->
<!--                {% elif grade >= 60 %}-->
<!--                <td>D</td>-->
<!--                {% else %}-->
<!--                <td>E</td>-->
<!--                {% endif %}-->
<!--            </tr>-->
<!--        </tbody>-->
<!--    </table>-->


        <table>
            <thead>
                <tr>
                    <th>商品序号</th>
                    <th>商品名称</th>
                    <th>商品图片</th>
                    <th>商品价格</th>
                    <th>商品数量</th>
                </tr>
            </thead>
            <tbody>
                {% for good in goods %}
                <tr>
                    <th>{{good.gid}}</th>
                    <th>
                        <a href="/goodinfo/?gid={{good.gid}}">{{good.name}}</a>
                    </th>
                    <th>
                        <img src={{good.imgsrc}} width="50" height="50">
                    </th>
                    <th>{{good.price}}</th>
                    <th>{{good.count}}</th>
                </tr>
                {% endfor %}
            </tbody>
            <tfoot>
                <tr>
                    <th colspan="5"> <!-- 合并单元格(一行5列合为1）-->
                        {% for item in pagelist %}
                        <a href="/index/?page={{item}}">{{item}}</a>
                        {% endfor %}
<!--                        <a href="/index/?page=2">2</a>-->
<!--                        <a href="/index/?page=3">3</a>-->
<!--                        <a href="/index/?page=4">4</a>-->
                    </th>
                </tr>
            </tfoot>
        </table>
</body>
</html>